<template>
  <div>
    <h1>App.vue根组件</h1>
    <hr>
    <input type="text" v-if="inputVisible" ref="pit">
    <button v-else @click="show">展示input输入框</button>
  </div>
</template>

<script>
export default {
    data(){
        return{
            inputVisible:false
        }
    },
    methods:{
        show(){
            this.inputVisible=true,
            // 通过调用focus()方法来直接获取焦点
            // this.$refs.pit.focus()
            // 调用this.$nextTick(cb)
            this.$nextTick(()=>{
                this.$refs.pit.focus()
            })
        }
    }

}
</script>

<style>

</style>